<template>
	<view class="container">
		<view class="index-main global-bg">
			首页
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wxapp_index_type: null,
				topImg: '',
				sex: 0,
				decadeListArr: [], //年代列表
				decadeVal: '1960'
			}
		},
		onLoad() {
		},
		methods: {
		}
	}
</script>
<style lang="scss" scoped>
	.index-main {
		// 根据需要添加全局样式，如背景色、字体、间距等
		background-color: #FFFFFF;
		height: 100vh;
	}

	.index-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-top: 81rpx;
		height: 139px;

		.index-title-top {
			height: 38rpx;
			font-family: PingFang SC;
			font-weight: 600;
			font-size: 40rpx;
			color: #000000;
			line-height: 60rpx;
		}

		.index-title-bottom {
			height: 25rpx;
			margin-top: 21rpx;
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #999999;
			line-height: 60rpx;
		}
	}

	.index-sex {
		display: inline-flex;
		justify-content: center;
		width: 100%;

		.index-sex-flex {
			flex-wrap: wrap;
			align-content: center;
		}

		.index-sex-img {
			display: flex;
			justify-content: center;
		}

		.index-sex-btn {
			// 根据设计添加按钮样式，如背景色、圆角、边框等
			margin-top: 33rpx;
			width: 252rpx;
			height: 70rpx;
			background: #F3F3F3;
			border-radius: 35rpx;
			text-align: center;

			.index-sex-btn-txt {
				height: 29rpx;
				font-family: PingFang SC;
				font-weight: 600;
				font-size: 30rpx;
				color: #000000;
				line-height: 60rpx;
			}
		}

		.index-sex-btn-active {
			// 根据设计添加按钮样式，如背景色、圆角、边框等
			margin-top: 33rpx;
			width: 252rpx;
			height: 70rpx;
			background: linear-gradient(119deg, #EDA7F3, #AE00FF);
			border-radius: 35rpx;
			text-align: center;

			.index-sex-btn-txt {
				height: 29rpx;
				font-family: PingFang SC;
				font-weight: 600;
				font-size: 30rpx;
				color: #FFFFFF;
				line-height: 60rpx;
			}
		}
	}

	.index-year {
		display: flex;
		justify-content: center;
		margin-top: 86rpx;

		.index-year-flex {
			flex-wrap: wrap;
			align-content: center;

			.index-year {
				// 根据设计添加年份标签样式，如字体、颜色、间距等
				width: 190rpx;
				height: 78rpx;
				background: #F3F3F3;
				border-radius: 39rpx;
				align-items: center;
			}
		}

		.index-year-flex-active {
			.index-year {
				background-color: #000000;
				color: #FFFFFF;
			}
		}
	}

	.index-remark {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 226rpx;

		.index-remark-icon {
			// 根据设计添加图标样式，如尺寸、颜色等
			width: 16px;
			height: 16px;
			margin-right: 8px;
			background-image: url("/path/to/icon.svg");
			background-repeat: no-repeat;
			background-position: center;
		}

		.index-remark-desc {
			// 根据设计添加提示文本样式，如字体、颜色、行高等
			font-size: 14px;
			color: #ccc;
			line-height: 1.5;
		}
	}

	.index-bottom {
		display: flex;
		align-items: center;
		justify-content: center;

		.index-btn {
			width: 600rpx;
			height: 90rpx;
			background: linear-gradient(119deg, #EDA7F3, #AE00FF);
			border-radius: 45rpx;
			border: 1px solid #D8D8D8;

			.index-btn-txt {
				display: flex;
				justify-content: center;
				text-align: center;
				align-items: center;
				height: inherit;
				font-family: PingFang SC;
				font-weight: 600;
				font-size: 30rpx;
				color: #FFFFFF;
				line-height: 60rpx;
			}
		}
	}
</style>